/**
* Copyright @ 2023 iAuto (Shanghai) Co., Ltd.
* All Rights Reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are NOT permitted except as agreed by
* iAuto (Shanghai) Co., Ltd.
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
*/


.main {
  //min-width: 1280px;
  //min-height: calc(100vh - 206px);
  //padding-bottom: 50px;
  //background-color: white !important;

  .tabTitle {
    height: 50px;
    color: #303133;
    font-size: 18px;
    cursor: pointer;
  }
  .clickTitle::after {
    display: block;
    width: 70px;
    height: 3px;
    margin-top: 8px;
    background: #00b4e1; // #00b4e1
    content: '';
  }

  .marginBottom {
    margin-bottom: 20px;
  }

  .radius {
    border-radius: 6px !important;
  }

  :global {
    .ant-select-selector {
      .radius();
    }
  }

  .marginTop {
    margin-top: 20px;
  }

  .width {
    width: 100%;
  }

  .createButton {
    width: 96px;
    height: 40px;
  }

  .noResult {
    text-align: center;
    .marginTop();
  }

  .card {
    height: 152px;
    margin-bottom: 50px;
    border: 1px solid #d8dce6;
    border-radius: 16px;

    .whiteSvg {
      svg g * {
        stroke: white;
      }
    }

    .putOn {
      width: 60px;
      height: 30px;
      padding: 1px 8px;
      color: white;
      line-height: 30px;
      background-color: #61bf59;
      border-radius: 0 16px 0 16px;

      .uploadIcon {
        font-size: 20px;
      }

      .putOnText {
        color: #ffffff;
        font-weight: 400;
        font-size: 14px;
        font-family: DFPKingGothicGB-Regular;
        letter-spacing: 0;
        text-align: center;
      }
    }
  }

  .modalTitle {
    color: #303133;
    font-weight: 400;
    font-size: 18px;
    font-family: DFPKingGothicGB-Medium;
    line-height: 24px;
    letter-spacing: 0;
  }
}

.marginTop100 {
  margin-top: 100px;
}

.description1 {
  width: 303px;
  //margin-left: 16px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.description {
  width: 303px;
  //color: white;
  color: black;
  font-weight: 400;
  font-size: 14px;
  font-family: DFPKingGothicGB-Regular;
  letter-spacing: 0;
}
.statusText {
  width: 64px;
  color: #909399;
  font-weight: 400;
  font-size: 16px;
  font-family: DFPKingGothicGB-Regular;
  letter-spacing: 0;
}
.bottom {
  height: 16px;
  margin-top: 16px;
  margin-right: 10px;
}
.image {
  width: 50px !important;
  height: 50px !important;
  margin: 16px 0 10px 16px;
}
.appName {
  margin-left: 8px;
  //color: white;
  color: black;
  font-weight: 400;
  font-size: 18px;
  font-family: DFPKingGothicGB-Medium;
  letter-spacing: 0;
  cursor: pointer;
}

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.extraBtn {
  display: flex;
  width: 235px;
  margin: 0 auto;
  .extraBtnItem {
    width: 110px;
    font-size: 16px;
    color: #00b4e1;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
  }
}